{{define "header" -}}<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="generator" content="{{.AppOfficialURL}}" />
        <title>
        {{- if .GroupName -}}
            {{- .GroupName -}}&#160;&#8250;&#160;{{- .Title -}}
        {{- else -}}
            {{- .Title -}}
        {{- end -}}
        </title>
        <link rel="stylesheet" href="./style.css" />
        <link href="https://cdn.bootcss.com/prism/1.5.1/themes/prism.min.css" rel="stylesheet" />

        <script src="./jquery-3.0.0.min.js"></script>
        <script src="https://cdn.bootcss.com/prism/1.5.1/prism.min.js" data-manual></script>
        <script src="https://cdn.bootcss.com/prism/1.5.1/plugins/autoloader/prism-autoloader.min.js"></script>
        <script src="./app.js"></script>
    </head>
    <body>
        <header>
            <div class="left">
                <h1>
                    <a href="./index.html">{{.Title}}</a>
                    {{- if .Version}}<span class="version">{{.Version}}</span>{{end}}
                </h1>

                <select id="groups">
                    {{- $currGroup := .GroupName -}}
                    {{- range $key, $val := .Groups -}}
                    <option{{if eq $key $currGroup}} selected="selected"{{end}} value="{{$key|groupURL}}">{{$key}}</option>
                    {{end}}
                </select>
            </div>

            <div class="filter">
                <label><input type="checkbox" checked="checked" value="get">GET</label>
                <label><input type="checkbox" checked="checked" value="post">POST</label>
                <label><input type="checkbox" checked="checked" value="put">PUT</label>
                <label><input type="checkbox" checked="checked" value="patch">PATCH</label>
                <label><input type="checkbox" checked="checked" value="delete">DELETE</label>
                <label><input type="checkbox" checked="checked" value="options">OPTIONS</label>
            </div>
        </header>
        <div class="main">
{{- end -}}
